.nav-ic {
    margin-top:20px  ;
    width: 100%;
    height: 170px;
  }
  .zj {
    width: 1226px;
    height: 170px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .icon {
    width: 214px;
    padding: 10px;
    height: 90%;
    background-color: rgb(65, 65, 65);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
  }
  .icon a {
    width: 30%;
    height: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: rgb(181, 105, 120);
  }
  .icon a:hover {
    color: #fff;
  }
  .icon a i {
    font-size: 30px;
  }
  .icon a span {
    font-size: 12px;
  }
  .ipr img {
    width: 316px;
    height: 170px;
    transition: 0.5s;
  }
  .ipr img:hover {
    box-shadow: darkgrey 10px 10px 30px 5px;
  }
  .ct {
    padding-top:20px  ;

    display: block;
    width: 1226px;
    height: 120px;
    margin: 0 auto;
  }

  /* list */
  .shp{
    width: 1226px;
    margin: 0 auto;
}
.shp-her a{
    text-decoration: none;
    color: #000;
}
.shp-her{
    width: 1186px;
    height: 58px;
    padding: 0px 20px;
    margin-top: 20px;
    /* background-color: aqua; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.imag{
       float: left;
       padding-top: 30px;
       padding-right: 20px;
       
}
.imag img:hover {
    /* border: 2px solid darkslategray; */
    
    box-shadow: darkgrey 10px 10px 30px 5px;
    position: relative;
    bottom:5px ;
    
    }
.imag img{
    width: 234px;
    height: 614px;
    display: block;
 
}
.sp-list{
    height: 614px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top:20px ;

}.sp-list li{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 40px 30px;
    background-color: rgb(255, 255, 255);
    margin-top: 10px ;
    transition: 0.5s;
}
.sp-list li:hover {
/* border: 2px solid darkslategray; */

box-shadow: darkgrey 10px 10px 30px 5px;
position: relative;
bottom:5px ;

}
.sp-list li img{
width: 160px;
height: 160px;
}
.sp-list li span{
margin-top: 10px;
height: 21px;
}